<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>vue</title>
	<style>
		*{box-sizing: border-box;}
		ul{
			display: flex;
			flex-wrap: wrap;
		}
		ul li{
			list-style-type: none;
			flex: 0 0 11.111111%;
			line-height: 40px;
		}
		img{
			vertical-align: middle;
		}
		a{
			text-decoration: none;
			color: #000;
		}
		a.on{
			color: #ff5500;
		}
	</style>
</head>
<body>
	<ul id="app">
		<li v-for="url in message">
			<img :src="url.img" alt="">
			<a :href="url.link" :class="url.class" target="link">{{url.txt}}</a>
		</li>
	</ul>
	<script src="js/vue.js"></script>
	<script src="js/axios.min.js"></script>
	<script src="js/script.js"></script>
</body>
</html>